﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductAllAnalyse.aspx.cs"
    Inherits="AnalyseCRM.Operation.ProductAllAnalyse" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>证券行业分析型客户关系管理之产品分析</title>
    <link href="../Styles/index.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/jquery-ui-1.9.1.custom/js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="../Scripts/divselect.js"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="../Highcharts/js/modules/exporting.js"></script>
    <script src="../Scripts/jquery.form.js" type="text/javascript"></script>
    <!--币种交易量-->
    <script type="text/javascript">
        $(document).ready(function () {
           $("#radio1").attr('checked', true);
           $("#radTop5JYL").attr('checked',true);
                SetChartTest("F1001", 'column','divBZJYL')
                SetChartTest("F1003", 'column','divYJGX')
                SetChartTest("F1005", 'column','divJYRS')
                SetChartTestOld("F1007", 'column','divTOP5JYL')
                SetChartTestOld("F1010", 'spline','divTOP5JYMoney')
                SetChartTestOld("F1013", 'column','divTOP5JYPeopleNum')
                SetChartPercent("F1016", 'column','divTop5YJPecent')
                SetChartTestOld("F1019", 'bar','divLatest3JYNum')
                SetChartTestOld("F1020", 'bar','divLatest3JYMoney')
                SetChartTestOld("F1021", 'bar','divLatest3JYPeopleNum')
                SetChartPercent("F1022", 'bar','divLatest3JYPecent')

              //  
              function SetChartTestOld(pValue,MapType,MapId) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json", //WebService 会返回Json类型
                    url: "ProductAllAnalyse.aspx/buildHtml",
                    data: "{parValueID:'" + pValue + "'}",
                    dataType: 'json',
                    success: function (dataMsg) {
                        if (dataMsg.d == "") {
                            return "";
                        }
                        var data = eval("(" + dataMsg.d.toString() + ")");
                        var chart = new Highcharts.Chart({
                           chart: {
                               renderTo: MapId,
                               type: MapType
                           },
                           title: {
                               text: data.charttitle
                           },
                           credits: {  
                                enabled: false     //去掉highcharts网站url  
                           } ,
                           xAxis: {
                               categories: eval(data.categories),
                           },
                           yAxis: {
                               title: {
                                   text: ''
                               },
                               labels: {
                                   formatter: function() {
                                       return this.value +''
                                   }
                               }
                           },
                           tooltip: {
                               crosshairs: true,
                               shared: true
                           },
                           plotOptions: {
                               column: {
                                   stacking: 'normal',
                                   dataLabels: {
                                       enabled: true,
                                       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || '#110304'
                                   }
                               }
                           },
                           series: [{ name: data.seriesname,data: eval(data.seriesdata) }]
                       });
                    }
                });
            }
                

           function SetChartTest(pValue,MapType,MapId) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json", //WebService 会返回Json类型
                    url: "ProductAllAnalyse.aspx/buildHtmlNew",
                    data: "{parValueID:'" + pValue + "'}",
                    dataType: 'json',
                    success: function (dataMsg) {
                        if (dataMsg.d == "") {
                            return "";
                        }
                        var data = eval("(" + dataMsg.d.toString() + ")");
                        var chart = new Highcharts.Chart({
                           chart: {
                               renderTo: MapId,
                               type: MapType
                           },
                           title: {
                               text: data.charttitle
                           },
                           credits: {  
                                enabled: false     //去掉highcharts网站url  
                           } ,
                           xAxis: {
                               categories: eval(data.categories),
                           },
                           yAxis: {
                               title: {
                                   text: ''
                               },
                               labels: {
                                   formatter: function() {
                                       return this.value +''
                                   }
                               }
                           },
                           tooltip: {
                               crosshairs: true,
                               shared: true
                           },
                           plotOptions: {
                               column: {
                                   stacking: 'normal',
                                   dataLabels: {
                                       enabled: true,
                                       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || '#110304'
                                   }
                               }
                           },
                           series: eval(data.seriesdata)
                       });
                    }
                });
            }



            function SetChartPercent(pValue,MapType,MapId) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json", //WebService 会返回Json类型
                    url: "ProductAllAnalyse.aspx/buildHtmlNew",
                    data: "{parValueID:'" + pValue + "'}",
                    dataType: 'json',
                    success: function (dataMsg) {
                        if (dataMsg.d == "") {
                            return "";
                        }
                        var data = eval("(" + dataMsg.d.toString() + ")");
                        var chart = new Highcharts.Chart({
                           chart: {
                               renderTo: MapId,
                               type: MapType
                           },
                           title: {
                               text: data.charttitle
                           },
                           credits: {  
                                enabled: false     //去掉highcharts网站url  
                           } ,
                           xAxis: {
                               categories: eval(data.categories),
                           },
                             yAxis: [{ //设置Y轴-第一个（增幅） 
                                labels: { 
                                    formatter: function() { //格式化标签名称 
                                        return this.value + '%'; 
                                    }, 
                                    style: { 
                                        color: '#89A54E' //设置标签颜色 
                                    } 
                                }, 
                                title: {text: ''}, //Y轴标题设为空 
                                opposite: true  //显示在Y轴右侧，通常为false时，左边显示Y轴，下边显示X轴 
 
                            }, 
                            { //设置Y轴-第二个（金额） 
                                gridLineWidth: 0,  //设置网格宽度为0，因为第一个Y轴默认了网格宽度为1 
                                title: {text: ''},//Y轴标题设为空 
                                labels: { 
                                    formatter: function() {//格式化标签名称 
                                        return this.value + ''; 
                                    }, 
                                    style: { 
                                        color: '#4572A7' //设置标签颜色 
                                    } 
                                } 
 
                            }], 
                        tooltip: {
                                 formatter: function() {  //格式化提示框信息 
                                            var unit = { 
                                                '佣金额': '万元', 
                                                '占比': '%' 
                                            } [this.series.name]; 
                                            return '' + this.x + ': ' + this.y + ' ' + unit; 
                                  } 
                        },
                           plotOptions: {
                               column: {
                                   stacking: 'normal',
                                   dataLabels: {
                                       enabled: true,
                                       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || '#110304'
                                   }
                               }
                           },
                           series: eval(data.seriesdata)
                       });
                    }
                });
            }




            $("#radio1").click(function () {
                $("#radio2").attr('checked', false);
                $("#divBZJYL").html("");
                $("#divYJGX").html("");
                $("#divJYRS").html("");
                SetChartTest("F1001", 'column','divBZJYL')
                SetChartTest("F1003", 'column','divYJGX')
                SetChartTest("F1005", 'column','divJYRS')
            });

            $("#radio2").click(function () {
                $("#radio1").attr('checked', false);
                $("#divBZJYL").html("");
                $("#divYJGX").html("");
                $("#divJYRS").html("");
                SetChartTest("F1002", 'column','divBZJYL')
                SetChartTest("F1004", 'column','divYJGX')
                SetChartTest("F1006", 'column','divJYRS')
            });
            

            $("#radTop5JYL").click(function () {
                $("#radTop5JYMoney").attr('checked', false);
                $("#radTo5JYPeople").attr('checked', false);
                $("#divTOP5JYL").html("");
                $("#divTOP5JYMoney").html("");
                $("#divTOP5JYPeopleNum").html("");
                SetChartTestOld("F1007", 'column','divTOP5JYL')
                SetChartTestOld("F1010", 'spline','divTOP5JYMoney')
                SetChartTestOld("F1013", 'column','divTOP5JYPeopleNum')
                SetChartPercent("F1016", 'column','divTop5YJPecent')
            });


           $("#radTop5JYMoney").click(function () {
                $("#radTop5JYL").attr('checked', false);
                $("#radTo5JYPeople").attr('checked', false);
                $("#divTOP5JYL").html("");
                $("#divTOP5JYMoney").html("");
                $("#divTOP5JYPeopleNum").html("");
                SetChartTestOld("F1008", 'column','divTOP5JYL')
                SetChartTestOld("F1011", 'spline','divTOP5JYMoney')
                SetChartTestOld("F1014", 'column','divTOP5JYPeopleNum')
                SetChartPercent("F1017", 'column','divTop5YJPecent')
            });



           $("#radTo5JYPeople").click(function () {
                $("#radTop5JYMoney").attr('checked', false);
                $("#radTop5JYL").attr('checked', false);
                $("#divTOP5JYL").html("");
                $("#divTOP5JYMoney").html("");
                $("#divTOP5JYPeopleNum").html("");
                SetChartTestOld("F1009", 'column','divTOP5JYL')
                SetChartTestOld("F1012", 'spline','divTOP5JYMoney')
                SetChartTestOld("F1015", 'column','divTOP5JYPeopleNum')
                SetChartPercent("F1018", 'column','divTop5YJPecent')
            });
              
        });
    </script>
</head>
<body>
    <form id="frmProductAllAnaly" runat="server">
    <div class="Pathlist">
        <ul>
            <li><a><strong>您当前所在的位置：</strong>交易渠道分析 ><strong>产品总体分析</strong></a></li>
            <li class="Pathlistright"><a>： </a></li>
        </ul>
    </div>
    <div class="wrapper">
        <!--风格一，sharp color1-->
        <div class="wrapperbox">
            <div class="redline">
                <span></span><a>产品总体分析</a>
            </div>
            <div class="Checkboxes">
                <span>
                    <input id="radio1" type="radio" value="" />最近一个月
                    <input id="radio2" type="radio" value="" />最近六个月</span>
            </div>
            <div style="clear: both">
            </div>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                          <div class="content-top">
                                <a>各产品交易市场\币种交易量统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divBZJYL">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>各产品交易市场\市场佣金贡献统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divYJGX">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>各产品交易市场\交易客户数统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divJYRS">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
        </div>
        <div class="wrapperbox">
            <div class="redline">
                <span></span><a>股票产品分析</a>
            </div>
            <div class="Checkboxes">
                <span>
                    <input id="radTop5JYL" type="radio" value="" />按行业板块
                    <input id="radTop5JYMoney" type="radio" value="" />按地区板块
                    <input id="radTo5JYPeople" type="radio" value="" />按风格板块</span>
            </div>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月Top5交易量统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divTOP5JYL">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月Top5交易金额统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divTOP5JYMoney">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月Top5交易人数统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divTOP5JYPeopleNum">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月Top5佣金额及占比统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divTop5YJPecent">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
        </div>
        <%--<div style=" height:20px; background-color:White">基金产品分析</div>--%>
        <div class="wrapperbox">
            <div class="redline">
                <span></span><a>基金产品分析</a>
            </div>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月各类型基金交易次数</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divLatest3JYNum">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月各类型基金交易金额</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divLatest3JYMoney">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月各类型基金交易客户数</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" id="divLatest3JYPeopleNum">
                            </div>
                        </div>
                        <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="sharp color1">
                        <b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
                        <div class="content">
                                                    <div class="content-top">
                                <a>最近3个月各类型基金佣金额占比统计</a><span><img alt="" src="/Images/bigicon.png" width="14" height="14" /></span></div>
                            <div class="contentbox" style="width: 400px; margin-left: 0px" id="divLatest3JYPecent">
                            </div>
                        </div>
                    <b class="b5"></b><b class="b6"></b><b class="b7"></b><b class="b8"></b>
                    </div>
                </li>
            </ul>
        </div>
        <div style="clear: both">
        </div>
    </div>
    <div class="foot">
        <a>版权所有：深圳华策略科技有限公司</a></div>
    </form>
</body>
</html>
